/*通知组件*/
layui.define(['jquery'], function(exports){
  var $ = layui.jquery // 获得 jquery 模块
  // 输出模块
  exports('ntf', function (title){
            let top = 16;
            let endNtf = $(".el-notification:last");
            if(endNtf.length>0){
                top = parseInt(endNtf.css('top')) + 16 + endNtf.outerHeight();
            }
            
            let notification = `<div class="el-notification right" style="top:${top}px">
                                    <div class="el-notification__group">
                                        <h2 class="el-notification__title">提示</h2>
                                        <div class="el-notification__content">
                                            <p>${title}</p>
                                        </div>
                                        <div class="el-notification__closeBtn el-icon-close">×</div>
                                    </div>
                                </div>`;
            $('body').append(notification);
            $(".el-icon-close").click(function(){
                $(this).parents(".el-notification").fadeOut(100,function(){
                    let arr = [];
                    for(let i=0;i<$(".el-notification").length;i++){
                        arr.push($(".el-notification").eq(i).css('top'))
                    }
                    $(this).remove()
                    for(let i=0;i<$(".el-notification").length;i++){
                        $(".el-notification").eq(i).css('top',arr[i])
                    }
                });
            })
        
  }); // 模块名 ntf 未被占用，此时模块定义成功
});
